html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, dl, dt, dd {
  margin: 0;
  padding: 0;
}

html {
  font-family:'Microsoft YaHei', Heiti SC, PingFangSC-Regular, sans-serif, arial;
}

body {
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
}

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, dl, dt, dd, div, span, b, strong, i, em, p {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
label{
  font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
h5{
  font-size: 12px;
}
h1 {
  font-size: 30px;
}
ul {
  list-style: none;
}
.fr{
  float: right;
}
.fl{
  float: left
}
body,html{
  height: 100%;
  width: 100%;
  display:flex;
  flex: 1
}
#app{
  height: 100%;
  width: 100%;
  display:flex;
  flex: 1
}
.red{
  color: #f30;
}
.fff{
  background: #fff;
}
.bold{
  font-weight: bold;
}
.flex{
  display: flex;
}
.baseColor{
  color: #E14444;
}
.pointer{
  cursor:pointer
}

.redbg{background: #E14444;}
.greebg{background:#23c132;}
.bulegb{background: #165ed8;}
.flgb{background: #e2de37;}

.none{
  display: none!important
}
.textalignleft{
  text-align: left
}
.textalign{
  text-align:center;
}
.widthimgbox{
  text-align: center;
}

.widthimg{
  max-width: 100%
}
.allm20{
  margin: 20px!important
}
.w250{
  width: 250px;
}
.w280{
  width: 280px
}
.m10{
  margin: 10px;
}
.m20{
  margin: 20px;
}
.mt15{
  margin-top: 15px;
}
.martop8{
  margin-top: 8px;
}
.mt5{
  margin-top: 5px;
}
.mt10{
  margin-top: 10px;
}
.ml10{
  margin-left: 10px;
}
.ml20{
  margin-left: 20px
}
.ml40{
  margin-left: 40px
}
.ml60{
  margin-left: 60px
}
.mr10{
  margin-right: 10px
}
.mb10{
  margin-bottom: 10px;
}
.mb16{
  margin-bottom: 16px;
}
.mr16{
  margin-right: 16px;
}
.mb24{
  margin-bottom: 24px;
}
.mt20{
  margin-top: 20px;
}
.ml80{
  margin-left: 80px
}
.ml120{
  margin-left: 120px
}
.pr10{padding-right: 10px}
.pl10{padding-left: 10px}
.f20{font-size: 20px;}

.f24{
  font-size: 24px;
}
.layout{
  height: 100vh;
  width: 100vw;
  display:flex;
  flex: 1
}
.border{
  border-bottom:1px solid #EEEEEE
}

.ivu-btn-success{
  color: #fff;
  background-color: #00b5ab;
  border-color: #00b5ab;
}

.textleft{
  text-align: left
}

.setimg{
  width: 100%;
  height: 100%
}

.p20{
  padding: 20px
}
.mr20{
  margin-right: 20px;
}

/* 设置滚动条样式*/
::-webkit-scrollbar
{
    height: 8px;
    width: 5px;
}
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #ccc;
}
::-webkit-scrollbar-track
{
    background: #fff;
}

/* 去掉table 固定列时的阴影 */
.ivu-table-fixed, .ivu-table-fixed-right{
  box-shadow: -2px 0 6px -2px rgba(0, 0, 0, 0)!important;
}

/* 超出显示省略号 */
.overstep{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.index_page{
  width: 100%;
  background: #F7F7F7;
}
.index_page .header{
  height:88px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.setbox{
  display: flex;
  align-items: center;
}
.seticon{
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 35px;
  background: url("../img/set.png") no-repeat;
}
.index_page .bg{
  width: 100%;
  /* position: fixed; */
  margin-top: -78px;
  text-align: center;
}
.index_page .header,.index_page .content{
  padding: 0 120px;
}

.popedit {
  padding: 20px;
  width: 400px;
  border-bottom: 1px solid #eee;
}

.colu {
  flex-direction: column;
}